#matches{
	width: $contentWidth;
	margin: $contentMargin;
}

.matchesList { 
	.thumbnail {
		border-radius: 0px;
		overflow: hidden;
		margin-top: 3rem;
		padding: 0px;
		
	}
	
	li {
		cursor: pointer;
	}
	
    li > div {
		float: left;
		width: 23%; 
		text-align: center;
		padding: 4rem;
		
		&:last-child {
			width: 8%;
			padding: 0rem;
			display: table;
			float: right;
			border-right: 0px;
			border-top: 0px;
		}
	}

	.action{
		padding: 1.8rem;
		cursor: pointer;
		
		&.captain{
			background-color: $black;
			color: $white;
			font-weight: bold;
			font-size: 2.4rem;
		}
		
		&.play{	
			border-color: $green;
			&.ticked {
				border-color: $darkYellow;
				background-color: $green;
				color: $darkYellow;
			}
		}
		
		&.noPlay{	
			&.ticked {
				border-color: $darkOrange;
				background-color: $orange;
				color: $darkOrange;
			}
		}
	}
}